<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <!-- 引入jq表单验证插件 -->
    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <script src="./js/register.js"></script>
</head>

<body>
    <div class="container">
        <form action="" method="post" class="register-form" name="reg-form" id="register">
            <label>用户名</label>
            <input type="text" class="form-control name" name="username" placeholder="用户名">
            <p class="namewarning warn"></p>
            <label>邮箱</label>
            <input type="email" class="form-control email" name="email" placeholder="邮箱">
            <p class="emailwarning warn"></p>
            <label>密码</label>
            <input type="password" class="form-control pwd" name="pwd" placeholder="密码">
            <p class="pwdwarning warn"></p>
            <label>确认密码</label>
            <input type="password" class="form-control pwd2" name="repwd" placeholder="请确认密码">
            <p class="pwdwarning2 warn"></p>
            <label>姓名</label>
            <input type="text" class="form-control" name="name" placeholder="姓名">
            <label>年龄</label>
            <input type="number" class="form-control" name="age" placeholder="年龄">
            <br>
            <input type="submit" value='注册' class="btn btn-primary">
            <br>
            <input type="reset" value='重置' class="btn btn-secondary">
        </form>
    </div>
</body>

</html>